﻿@inherits Kaleido.Util.Mvc.DynamicViewPage
@{
    /* All tiles on the homepage are configured here, be sure to check the tutorials/docs on http://metro-webdesign.info */

    /* GROUP 1 */
    var["tile"].New = array(_["type"] > "simple", _["group"] > 0, _["x"] > 0, _["y"] > 0, _["width"] > 2, _["height"] > 2, _["background"] > "#509601", _["url"] > "welcome.php",
    _["title"] > "Welcome", _["text"] > "This is the lite version of the Metro UI template. It's made to try the Metro UI template of http://metro-webdesign.info/"
        + "<p style='margin-top:7px;'> It lacks many features like the mobile template with automatic redirection, cool tiles like the folding slide-tile, the flip tile, the slideshow tile..."
        + "<p style='margin-top:7px;'>This version doesnt have sidepanels, scrolling backgrounds, jQueryUI plugin, a lightbox plugin, admin panel... You also don't have acces to the extra plugins and themes. Buyers have the extra weather tile, mosaic tile, and other themes, for example. "

    );

    /*SLIDESHOW TILE - only in full version 
    $tile[] = array("type"]>"slideshow",_["group"]>0,_["x"]>0,_["y"]>1,_["width"]>1,_["height"]>1,_["background"]>"#6950ab",_["url"]>"welcome.php",
        "images"]>array("img/img1.png",_["img/img2.jpg",_["img/img3.jpg"),
        "effect"]>"slide-right",_["speed"]>5000,_["arrows"]>true,
        "labelText"]>"Slideshow",_["labelColor"]>"#11528f",_["labelPosition"]>"bottom",
        "classes"]>"noClick");*/

    var["tile"].New = array(_["type"] > "scrollText", _["group"] > 0, _["x"] > 2, _["y"] > 1, _["width"] > 1, _["height"] > 2, _["background"] > "#FF8000", _["url"] > "external:panels/example.php",
    _["title"] > "Click to open a sidepanel", _["text"] > array(
    "A sidepanel will come from the right, watch out!",
    "Okay, and what you are watching now is a scroll live tile...",
    "which can be very cool",
    "to open a sidepanel, check this source code in tiles.php"
    ), _["scrollSpeed"] > 2500);

    var["tile"].New = array(_["type"] > "simple", _["group"] > 0, _["x"] > 0, _["y"] > 2, _["width"] > 2, _["height"] > 1, _["background"] > "#6950AB", _["url"] > "newtab:http://metro-webdesign.info/#!/docs-and-tutorials",
        _["title"] > "<span style='font-size:24px;'>Check the tutorials</span>",
        _["text"] > "be <em>CREATIVE</em> and <em>MODIFY</em> this example. It's just an example, play with the tiles!",
        _["img"] > "img/icons/box_warning.png", _["imgSize"] > "50", _["imgToTop"] > "5", _["imgToLeft"] > "5",
        _["labelText"] > "Metro-Webdesign", _["labelColor"] > "#453B5E", _["labelPosition"] > "bottom");

    var["tile"].New = array(_["type"] > "custom", _["group"] > 0, _["x"] > 2, _["y"] > 0, _["width"] > 1, _["height"] > 1, _["background"] > "#11528f", _["url"] > "typography.php",
    _["content"] >
    "<div style='line-height:30px; margin-top:5px;'>"
    + "<div style='color:#FFF;font-size:43px;line-heigt:70px;'><strong>CHECK</strong></div>"
    + "<span style='color:#FFF;font-size:32px;'><strong>OUT</strong></span><span style='color:#BBB;font-size:32px;'>THE</span>"
    + "<div style='font-size:57px;line-height:30px;'>TYPO</div>"
    + "<div style='font-size:37px;line-height:40px;'>GRAPHY</div>"
    + "</div>");

    /* GROUP 2*/
    /*<br />
    SLIDEFX TILE -  only in full version 
    $tile[] = array("type"]>"slidefx",_["group"]>1,_["x"]>0,_["y"]>0,_["width"]>2,_["height"]>1,_["background"]>"#333",_["url"]>"external:img/metro_slide.png",
        "text"]>"Click to see in full",_["img"]>"img/metro_slide_300x150.png",_["classes"]>"lightbox"
    );
    */

    var["tile"].New = array(_["type"] > "slide", _["group"] > 1, _["x"] > 0, _["y"] > 0, _["width"] > 2, _["height"] > 1, _["background"] > "#00BFFF", _["url"] > "sidebars.php",
        _["text"] > "<h3>A page with sidebar</h3>", _["img"] > "img/metro_slide_300x150_2.png", _["imgSize"] > 1,
        _["slidePercent"] > 0.40,
        _["slideDir"] > "up", // can be up, down, left or right
        _["doSlideText"] > true, _["doSlideLabel"] > true,
        _["labelText"] > "A slide tile", _["labelColor"] > "#00BFFF", _["labelPosition"] > "top"
    );

    /*
    SLIDESHOW TILE - only in full version
    $tile[] = array("type"]>"slideshow",_["group"]>1,_["x"]>2,_["y"]>0,_["width"]>1,_["height"]>1,_["background"]>"#6950ab",_["url"]>"newtab:http://google.com",
        "images"]>array("img/chars/a.png",_["img/chars/b.png",_["img/chars/c.png",_["img/chars/d.png",_["img/chars/e.png",_["img/chars/f.png",_["img/chars/g.png"),
        "effect"]>"slide-right, slide-left, slide-down, slide-up, flip-vertical, flip-horizontal, fade",
        "speed"]>1500,_["arrows"]>false,
        "labelText"]>"Random fx",_["labelColor"]>"#453B5E",_["labelPosition"]>"top");
    */

    /*FLIP TILE - only in full version
    $tile[] = array("type"]>"flip",_["group"]>1,_["x"]>2,_["y"]>1,_["width"]>1,_["height"]>1,_["background"]>"#C82345",_["url"]>"accordions.php",_["img"]>"img/metro_150x150.png",
        "text"]>"<h4 style='color:#FFF;'>Click for accordions!</h4>");
    */

    /* GROUP 3 */
    var["tile"].New = array(_["type"] > "img", _["group"] > 2, _["x"] > 0, _["y"] > 0, _["width"] > 1, _["height"] > 1, _["background"] > "#0F6D32", _["url"] > "",
        _["img"] > "img/img3.jpg", _["desc"] > "By adding the CSS class 'noClock' to this tile, we've achieved that there is no hover effect!",
        _["showDescAlways"] > true, _["imgWidth"] > 1, _["imgHeight"] > 1,
        _["labelText"] > "Img Tile", _["labelColor"] > "#509601", _["labelPosition"] > "bottom", _["classes"] > "noClick");

    var["tile"].New = array(_["type"] > "slide", _["group"] > 2, _["x"] > 1, _["y"] > 0, _["width"] > 2, _["height"] > 1, _["background"] > "#FE2E64", _["url"] > "",
        _["text"] > "<h3>No click</h3>", _["img"] > "img/metro_slide_300x150_2.png", _["imgSize"] > 1,
        _["slidePercent"] > 0.50,
        _["slideDir"] > "left", // can be up, down, left or right
        _["doSlideText"] > false, _["doSlideLabel"] > false,
        _["labelText"] > "Other direction slide", _["labelColor"] > "#CC1A46", _["labelPosition"] > "top",
        _["classes"] > "noClick"
    );
  
}
